<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>NicePage demo</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href="css/layui.css" type="text/css" rel="stylesheet">
</head>

<BODY>
<center style="padding-top: 40px">
    <div style="width: 80%;padding-top: 20px">
        <div id="table"></div>
    </div>

</center>

</body>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script language="Javascript" src="js/layui.js"></script>
<script language="Javascript" src="js/nicePage.js"></script>
<script LANGUAGE="javascript">
    $.post("export/selList", function(data){
        var json = data;
    });
    var nameList = ['id', '日期'] //table的列名
    var widthList = [100, 100,] //table每列的宽度
    $(function () {
        nicePage.setCfg({
            table: 'table',
            bar: 'pageBar',
            limit: 20,
            color: '#1E9FFF',
            layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
        });
    });
</script>
</html>